<template>
	<view class="theme-page-bg">
		<block v-for="(item, index) in list" :key="index">
			<view class="bg-w m-t-20">
				<TimeItem :dataItem="item.time" />
				<CommissionItem 
					v-for="(commission, idx) in item.list"
					:key="idx"
					:dataItem="commission">
				</CommissionItem>
			</view>
		</block>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import TimeItem from '@/components/accompany/tabbar/my/timeItem/timeItem.vue';
	import CommissionItem from '@/components/accompany/tabbar/my/commissionItem/commissionItem.vue';
	const list = ref([
		{
			time: { month: 8, income: 666 },
			list: [
				{
					label: '推广用户奖励', income: 666, time: '2023-02-12 12:23:23'
				}
			]
		},
		{
			time: { month: 7, income: 666 },
			list: [
				{
					label: '推广用户奖励', income: 666, time: '2023-02-12 12:23:23'
				}
			]
		}
	])
</script>

<style lang="scss" scoped>
	page {
		background-color: #F5F7FB;
	}
</style>
